<template>
  <div class="fri_footer">
    <div class="fri_collect">
      <van-row>
        <van-col span="6">
          <div class="col_num">{{goods}}</div>
          <div>收藏商品</div>
        </van-col>
        <van-col span="6">
          <div class="col_num">{{store}}</div>
          <div>收藏店铺</div>
        </van-col>
        <van-col span="6">
          <div class="col_num">{{record}}</div>
          <div>浏览记录</div>
        </van-col>
        <van-col span="6">
          <div class="col_num">
            <van-icon name="service"/>
          </div>
          <div>客户服务</div>
        </van-col>
      </van-row>
    </div>

    <div class="my_info">
      <van-row>
        <van-col span="6">
          <img src="../../assets/wdpt.png" alt>
          <div>我的团购</div>
        </van-col>
        <van-col span="6">
          <img src="../../assets/new_icon2.png" alt>
          <div>我的抽奖</div>
        </van-col>
        <van-col span="6">
          <img src="../../assets/new_icon3.png" alt>
          <div>我的地址</div>
        </van-col>
        <van-col span="6">
          <img src="../../assets/new_icon1.png" alt>
          <div>我的拍卖</div>
        </van-col>
      </van-row>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      goods: "0",
      record: "0",
      store: "0"
    };
  }
};
</script>

<style>
.fri_footer {
  background: white;
  margin-top: 15px;
  text-align: center;
}

.fri_footer .col_num {
  font-size: 20px;
  color: #e74c3c;
  padding-bottom: 5px;
}

.fri_footer .col_num:last-child .van-icon {
  padding-bottom: 3px;
}

.fri_footer .fri_collect {
  padding: 15px 0px;
  border-bottom: 1px solid #ecf0f1;
}

.my_info{
  padding: 10px 0px;
}

.my_info img{
  width: 25px;
  padding: 10px 0px;
}
</style>
